<template>
    <div class="complainPage">

        <div class="mainDiv">
            <div class="headerBox">
                <van-icon size=".48rem" color="#000000" name="arrow-left" style="margin-left: .15rem;" @click="backClick()"/>
                <van-icon size=".48rem" color="#000000" name="cross" style="margin-left: .15rem;" />
                <span class="title-span">我要投诉</span>
                <span class="title-span2">投诉记录</span>
            </div>
            <img src="../../../assets/images/invoice/complain01.png" alt="" style="margin-top: -0.6rem;">
        </div>
        <div class="bottomDiv">
            <div @click="xqclick()"></div>
            <img src="../../../assets/images/invoice/complain02.png" alt="">
        </div>
    </div>
</template>
<script>
export default {
    name: 'complainPage',
    data() {
        return {}
    },
    methods: {
        backClick() {
            this.$router.push("/home"); 
        },
        xqclick() {
            this.$router.push("/complainPageView"); 
        },
        clickBtn() {
            // alert(111111)
            // this.$router.push("/invoiceAnce"); 
        }
    }
}
</script>
<style lang="less" scoped>
.complainPage {
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;

    .headerBox {
        width: 100%;
        height: 0.88rem;
        line-height: 0.88rem;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        // background: linear-gradient(180deg, #93CCFF 0%, #F7F8F9 100%);

        .title-span {
            font-weight: bold;
            font-size: 0.36rem;
            color: #000;
            margin-left: 1.66rem;
        }

        .title-span2 {
            font-size: 0.32rem;
            color: #000;
            margin-left: 1.45rem;
        }

        img.bgImg {
            width: 2.36rem;
            height: 2.61rem;
            position: absolute;
            right: 0;
        }
    }
    .mainDiv{
        width: 100%;
        height: auto;
        position: relative;
        img{
            width: 100%;
        }
    }
    .bottomDiv{
        width: auto;
        height: auto;
        margin: 0.2rem 0.3rem 0 0.3rem;
        position: relative;
        img{
            width: 100%;
        }
        div{
            width: 1.2rem;
                height: 1.8rem;
                position: absolute;
                left: .3rem;
                top: 1rem;
                z-index: 2;
        }
    }
}
</style>
